<template>
 <div class="notice">
 	<div class="circle">
 		 <div class="child-circle"></div>
 	</div>
 	<div class="tab-title">{{ noticeTitle }}</div>
 </div>

</template>
<script>
export default{
   props:[
      'noticeTitle'
   ],
   data (){
   	 return{

   	 }
   }
}
</script>
<style  scoped>
 .notice{
 	width:140px;
 	height:25px;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 }
 	
.notice .circle{
	width:22px;
	height:22px;
	border-radius:50%;
	background:#26aab7;
	position:relative;
}
 		
.notice .circle .child-circle{
	width:16px;
	height:16px;
	border-radius:50%;
	background:#383A53;
	position:absolute;
	top:3px;
	left:3px;
}
 			
.tab-title{
	font-size:24px;
	color:#fff;
}
	
</style>